/**********
 * navigation
 **********/
#task-navigation {
  font-size: 12px;
  height: 2em;
  margin: 0 0 0 0.5em;
}
#task-navigation select {
  vertical-align:middle;
}

#task-navigation #task-action {
  float: right;
  width: 14em;
}
#task-navigation #task-action .tab {
  float: left;
  margin: 0 0 0 0.5em;
  padding: 0.5em;
  width: 5em;
  height: 1em;
  text-align: center;
}
#task-navigation #task-action .active {
  background-color: #c3d9ff;
}
#task-navigation #task-action .inactive {
  background-color: #e8eef7;
}

#task-navigation #task-date {
  font-weight: bold;
}
#task-navigation #task-date .date {
  margin: 0 0.2em;
}
#task-navigation #task-date .today {
  font-weight: normal;
  margin-left: 0.5em;
  color: #999;
}

#task-navigation #task-team {
  margin: 0 0 0 2em;
}
#task-navigation #task-member {
  margin: 0 0 0 1em;
}
#task-navigation #task-view {
  margin: 0 0 0 1em;
}


/**********
 * new
 **********/

#task-content {
  margin: 0 0 1em 0;
}

/**********
 * show
 **********/

p.toggle-edit {
  margin: 0 0 0.5em 0;
  padding: 0;
  font-size: 90%;
}

p.toggle-edit a {
  color: #0000ff;
  text-decoration: none;
}
p.toggle-edit a img {
  vertical-align: middle;
  border: none;
}

#show-task h2 {
  font-weight: normal;
  font-size: 130%;
  margin: 0;
}

#show-task p.span {
  margin: 0.3em 0 0 0;
}

#show-task h3 {
  font-weight: normal;
  font-size: 100%;
  margin: 1em 0 0.2em 0;
}
#show-task div.note {
  border: solid 1px #ccddee;
  margin: 1em 0 0 0;
  padding: 0.2em;
  background-color: #fff;
}

#show-task div.note p {
  line-height: 130%;
  text-indent: 0;
  margin: 0.2em;
  padding: 0;
}

#edit-task {
  padding: 0.5em 1em;
  background-color: #eeeeee;
}

#workers-content {
  background-color: #c3d9ff;
  padding: 1em 1em 0.6em 1em;
}
#workers-content h2 {
  margin: 0;
  font-weight: normal;
  font-size: 100%;
}

.list p.submit-worker {
  margin: 0.5em 0 0 0;
}


#add-worker-content {
  border-top: 1px solid #fff;
  background-color: #c3d9ff;
  padding: 1em;
}
#add-worker-content p.add-worker {
  margin: 0;
}


/* worker table */
table.workers {
  border-collapse: collapse;
  border-spacing: 0;
  border: solid 1px #000;
}
table.workers th {
  border: solid 1px #000;
  text-align: center;
  font-weight: normal;
  min-width: 1.5em;
  padding: 0 0.1em;
}
table.workers th.worker {
  width: 6em;
}
table.workers td {
  border: solid 1px #000;
  padding: 0.2em;
}
table.workers td.active {
  background-color: #ffcccc;
}


/**********
 * list
 **********/

.list {
  background-color: #c3d9ff;
  clear: both;
  font-size: 90%;
}

.list .member-list {
  padding: 1em;
  border-bottom: solid 1px #ffffff;
}

.list .member {
  margin: 0 0 0 0.2em;
}

.list table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;

}
.list th {
  color: #6a6a6b;
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  padding: 0.2em;
  background-color: #e8eef7;
  border: solid 1px #ccddee;
}
.list th.corner {
  background-color: #c3d9ff;
  border: 0px;
}
.list th.saturday,
.list th.sunday,
.list th.holiday {
  background-color: #ffddcc;
}
.list th.today {
  background-color: #bbccdd;
}
.list th a {
  color: #6a6a6b;
  text-decoration: none;
}
.list th a:hover {
  text-decoration: underline;
}

.list td {
  border: solid 1px #ccddee;
  background-color: #ffffff;
}
.list td.name {
  padding: 0.3em;
  width: 10em;
}
.list td.name a {
  color: #000;
  text-decoration: none;
}
.list td.name a:hover {
  text-decoration: underline;
}
.list .task-1 td.active {
  background-color: #668cd9;
}
.list .task-2 td.active {
  background-color: #66b824;
}


/**********
 * calendar
 **********/

.calendar {
  background-color: #c3d9ff;
  font-size: 11px;
  clear: both;
}

.calendar .row {
  width: 100%;
  clear: left;
  margin: 0 0 0 1%;
}

.calendar .cell {
  float: left;
  width: 14%;
  border: solid 0px #ccddee;
}

/* calendar header */
.calendar .header .cell {
  text-align: center;
}
.calendar .header .cell-content {
  color: #112abb;
  padding: 0.4em 0 0.2em 0;
}

/* calendar footer */
.calendar .footer {
  clear: left;
  text-align: right;
  padding: 0.5em 1em;
}

/* calendar body */
.calendar .body .cell-header .row {
  width: 100%;
  text-align: right;
}

.calendar .body .cell-header .cell {
  border-width: 1px 1px 0px 0px;
}
.calendar .body .cell-header .monday {
  border-width: 1px 1px 0px 1px;
}

.calendar .body .cell-header .date {
  text-align: right;
  background-color: #e8eef7;
  padding: 0.1em 0.2em 0.1em 0;
}
.calendar .body .cell-header .date a {
  color: #6a6a6b;
  text-decoration: none;
}
.calendar .body .cell-header .out-range-day .date a {
  color: #babdc4;
}
.calendar .body .cell-header .date a:hover {
  text-decoration: underline;
}

.calendar .body .cell-header .saturday .date,
.calendar .body .cell-header .sunday .date,
.calendar .body .cell-header .holiday .date {
  background-color: #ffddcc;
}

.calendar .body .cell-header .today .date {
  color: #6a6a6b;
  background-color: #bbccdd;
}

.calendar .body .cell-content .row {
  position: relative;
}

.calendar .body .cell-content .cells {
  position:absolute;
  z-index: 1;
  top: 0;
  height: 100%;
  width: 100%;
}

.calendar .body .cell-content .cell {
  background-color: #ffffff;
  border-width: 0px 1px 0px 0px;
}
.calendar .body .cell-content .monday {
  border-width: 0px 1px 0px 1px;
}

.calendar .body .cell-content .saturday,
.calendar .body .cell-content .sunday,
.calendar .body .cell-content .holiday {
  background-color: #fff0f0;
}

/*
.calendar .body .cell-content .past {
  background-color: #dddddd;
}
*/

.calendar .body .cell-content .today {
  background-color: #ffffcc;
}

.calendar .body .member-cell a {
  color: #000;
  text-decoration: none;
}
.calendar .body .member-cell a:hover {
  text-decoration: underline;
}

.calendar .body .cell-content .cell .task-spacer {
  padding: 3px;
}

/* calendar task */
.calendar .tasks {
  position:relative;
  z-index: 2;
}

.calendar .tasks .task-row {
  position: relative;
}

.calendar .tasks .task-spacer {
  padding: 3px;
}

.calendar .task {
  position: absolute;
  top: 0;
  padding: 2px 0;
  overflow: hidden;
}

.calendar .task .task-content {
  color: #ffffff;
  background-color: #668cd9;
  padding: 1px 3px;
  white-space: nowrap;
  overflow: hidden;
}

/*
.calendar .task-1 .task-content { background-color: #668cd9; }
.calendar .task-2 .task-content { background-color: #65ad89; }
.calendar .task-3 .task-content { background-color: #e6804d; }
.calendar .task-4 .task-content { background-color: #a992a9; }
.calendar .task-5 .task-content { background-color: #a7a77d; }
.calendar .task-6 .task-content { background-color: #d96666; }
.calendar .task-7 .task-content { background-color: #8cbf40; }
.calendar .task-8 .task-content { background-color: #94a2be; }
*/

.calendar .task-content a {
  display: block;
  color: #ffffff;
  text-decoration: none;
}

.calendar .task-content a:hover {
  text-decoration: underline;
}

.calendar .tasks .countinue-from { margin-left: 1%; }
.calendar .tasks .start-at-0 {  margin-left:  1%; }
.calendar .tasks .start-at-1 {  margin-left: 15%; }
.calendar .tasks .start-at-2 {  margin-left: 29%; }
.calendar .tasks .start-at-3 {  margin-left: 43%; }
.calendar .tasks .start-at-4 {  margin-left: 57%; }
.calendar .tasks .start-at-5 {  margin-left: 71%; }
.calendar .tasks .start-at-6 {  margin-left: 85%; }

.calendar .tasks .length-1 { width: 13%; }
.calendar .tasks .length-2 { width: 27%; }
.calendar .tasks .length-3 { width: 41%; }
.calendar .tasks .length-4 { width: 55%; }
.calendar .tasks .length-5 { width: 69%; }
.calendar .tasks .length-6 { width: 83%; }
.calendar .tasks .length-7 { width: 97%; }



/* calendar for member */

.member-calendar .cell {
  width: 12%;
}

.member-calendar .member-cell {
  width: 14%;
}

.member-calendar .body .cell-header .member-cell {
  border-width: 1px 0px 0px 0px;
  border-top-color: #c3d9ff;
}

.member-calendar .body .cell-content .cell {
  border-width: 1px 1px 0px 0px;
}
.member-calendar .body .cell-content .member-cell {
  border-width: 1px 0px 0px 0px;
}
.member-calendar .body .cell-content .monday {
  border-width: 1px 1px 0px 1px;
}

.member-calendar .body .cell-content .member-cell .member-cell-content {
  position: absolute;
  padding: 4px;
}

.member-calendar .tasks {
  padding: 1px 0 0 0;
}

.member-calendar .even-row .task-content {
  background-color: #668cd9;
}
.member-calendar .odd-row .task-content {
  background-color: #66b824;
}

.member-calendar .tasks .countinue-from { margin-left: 15%; }
.member-calendar .tasks .start-at-0 {  margin-left: 15%; }
.member-calendar .tasks .start-at-1 {  margin-left: 27%; }
.member-calendar .tasks .start-at-2 {  margin-left: 39%; }
.member-calendar .tasks .start-at-3 {  margin-left: 51%; }
.member-calendar .tasks .start-at-4 {  margin-left: 63%; }
.member-calendar .tasks .start-at-5 {  margin-left: 75%; }
.member-calendar .tasks .start-at-6 {  margin-left: 87%; }

.member-calendar .tasks .length-1 { width: 11%; }
.member-calendar .tasks .length-2 { width: 23%; }
.member-calendar .tasks .length-3 { width: 35%; }
.member-calendar .tasks .length-4 { width: 47%; }
.member-calendar .tasks .length-5 { width: 59%; }
.member-calendar .tasks .length-6 { width: 71%; }
.member-calendar .tasks .length-7 { width: 83%; }
